<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>02.basic</title>
    <link rel="stylesheet" type="text/css" href="../ext/3.2.0/resources/css/ext-all.css" />
    <script type="text/javascript" src="../ext/3.2.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="../ext/3.2.0/ext-all.js"></script>
    <script type="text/javascript">
        Ext.onReady(function(){
            var form = new Ext.form.FormPanel({
                title: '连接管理',
                frame: true,
                buttonAlign:'center',
                labelAlign:'left',
                width:300,
                items: [{
                    layout: 'column',
                    items:[{
                        defaultType: 'textfield',
                        title:'连接属性',
                        xtype:'fieldset',
                        defaults: {width: 200},
                        columnWidth:.9,
                        labelAlign:'right',

                        items:[{
                            fieldLabel: 'IP',
                            name: 'text'
                        },{
                            fieldLabel: '端口',
                            name: 'text'
                        },{
                            xtype: 'datefield',
                            fieldLabel: '日期',
                            name: 'date'
                        }]
                    }]

                }],
                buttons: [{
                    text: '测试'
                },{
                    text: '确定'
                },{
                    text: '取消',
                }]
            });
            form.render("walk");

        });
    </script>
</head>
<body>
<button id="walk">walk</button>
<button id="eat">eat</button>
<button id="sleep">sleep</button>
</body>
</html>
